<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{unidad.TituloModificar}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:form enctype="multipart/form-data">                     
                <h:inputHidden value="#{unidadController.selected.id}"/> 
                <p:panel header="Modificiación de Datos de la Unidad">                
                    <table style="font-size: small" width="900" border="0">

                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.NUMERO}" /></th>
                            <td align="left"><p:inputText id="txtNumero" size="35"  value="#{unidadController.selected.numero}" ></p:inputText></td>
                            <td width="610" height="410" bgcolor="black" rowspan="11" align="center" valign="middle">
                                <p:graphicImage width="600" height="400" value="#{unidadController.image}">
                                    <f:param name="unidadId" value="#{unidadController.selected.id}" />
                                </p:graphicImage>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtHab" value="#{unidad.HABILITACION}"/>
                            </th>
                            <td align="left"><p:inputText id="txtHab" value="#{unidadController.selected.habilitacion}" title="#{unidad.HABILITACION}" required="true" requiredMessage="#{unidad.Campo_Habilitacion}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtPlaca" value="#{unidad.PLACA}"/>
                            </th>
                            <td align="left"><p:inputText id="txtPlaca" value="#{unidadController.selected.placa}" title="#{unidad.PLACA}" required="true" requiredMessage="#{unidad.Campo_Placa}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtFabricacion" value="#{unidad.FABRICACION}"/>
                            </th>
                            <td align="left"><p:inputText id="txtFabricacion" value="#{unidadController.selected.anioFabricacion}" title="#{unidad.FABRICACION}" required="true" requiredMessage="#{unidad.Campo_Fabricacion}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtChasis" value="#{unidad.CHASIS}"/>
                            </th>
                            <td align="left"><p:inputText id="txtChasis" value="#{unidadController.selected.chasis}" title="#{unidad.CHASIS}" required="true" requiredMessage="#{unidad.Campo_Chasis}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtMotor" value="#{unidad.MOTOR}"/>
                            </th>
                            <td align="left"><p:inputText id="txtMotor" value="#{unidadController.selected.motor}" title="#{unidad.MOTOR}" required="true" requiredMessage="#{unidad.Campo_Motor}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtCarroceria" value="#{unidad.CARROCERIA}"/>
                            </th>
                            <td align="left"><p:inputText id="txtCarroceria" value="#{unidadController.selected.carroceria}" title="#{unidad.CARROCERIA}" required="true" requiredMessage="#{unidad.Campo_Carroceria}" size="35"/></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><h:outputText value="#{unidad.TIPO}:"/></th>
                            <td align="left">
                                <p:selectOneMenu style="width: 275px" id="SelTipo" value="#{unidadController.selected.tipo}" required="true" requiredMessage="#{unidad.Campo_Tipo}">                                 
                                    <f:selectItem id="item2" itemLabel="Convencional" itemValue="CONVENCIONAL" />
                                    <f:selectItem id="item3" itemLabel="Tipo" itemValue="TIPO" />
                                    <f:selectItem id="item4" itemLabel="Articulado" itemValue="ARTICULADO" />                                    
                                </p:selectOneMenu>
                            </td>

                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.CAPACIDAD}" /></th>
                            <td><p:inputText id="txtCapacidad" size="35"  value="#{unidadController.selected.capacidad}" ></p:inputText></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.PUERTAS}" /></th>
                            <td ><p:inputText id="txtPuertas" size="35"  value="#{unidadController.selected.puertas}" ></p:inputText></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.PUERTAIZQ}" /></th>
                            <td ><p:inputText id="txtPuertasIzq" size="35"  value="#{unidadController.selected.puertasIzq}" ></p:inputText></td>                            
                        </tr>
                        <tr>                           
                            <th align="right" scope="row">#{unidad.FOTO}</th>
                            <td align="left">
                                <p:fileUpload value="#{unidadController.selected.file}" mode="simple" />
                            </td>                        
                            <td align="center"><strong>Fotografía</strong></td>
                        </tr>
                        <tr>
                            <th align="right" scope="row"><p:outputLabel value="#{unidad.ESTADO}" /></th>
                            <td><p:selectBooleanCheckbox value="#{unidadController.selected.estado}"/></td>                                                                               
                        </tr>    
                        <tr>
                            <th align="center" colspan="2" scope="row">
                                <p:commandButton ajax="false" 
                                                 action="#{unidadController.modificarUnidad()}" 
                                                 value="#{unidad.Modificar}"/>                                    
                            </th> 
                        </tr>
                    </table> 
                    <div align="left" style="font-size: small">                        
                        <p:commandLink ajax="false"
                                       action="#{unidadController.cargarDetalleModificarUnidad(unidadController.selected.id)}" 
                                       value="#{unidad.Detalle}"
                                       rendered="#{accionController.getAccionByVista('Unidad', 'Ver')}"/>
                        <br />
                        <h:link outcome="Index" value="#{unidad.RegresarIndex}"/>
                    </div>                      
                </p:panel>
                <br/>
                <p:panel id="asignarSocio" header="Asignar Socio a la Unidad" style="font-size: small">
                    <table border="0" width="100%" align="center">
                        <tr>
                            <td>
                                <p:outputLabel value="Seleccione el socio:"/>
                            </td>
                            <td>
                                <p:selectOneMenu id="cboSocioUnidad" value="#{unidadController.id_socio}"
                                                 styleClass="menu" panelStyleClass="panel"
                                                 filter="true" filterMatchMode="contains" style="width: 350px">
                                    <f:selectItem itemValue="#{null}" itemLabel="Seleccione..." />
                                    <f:selectItems value="#{socioController.sociosDisponibles}" var="socioItem"
                                                   itemLabel="#{socioItem.nombres} #{socioItem.apellidos}" 
                                                   itemValue="#{socioItem.id}"/>
                                </p:selectOneMenu>
                            </td>
                            <td>
                                <p:commandButton immediate="true" ajax="true"
                                                 id="btnAsignarSocio" process="@this"
                                                 action="#{unidadController.asignarSocioUnidad(unidadController.selected.id)}" 
                                                 value="Asignar"/>
                            </td>
                            <td>
                                <p:ajaxStatus>
                                    <f:facet name="start">
                                        <p:graphicImage value="/img/ajax-loader.gif"/> 
                                    </f:facet>
                                    <f:facet name="complete">
                                        <p:graphicImage height="20" width="20" value="/img/check.png"/> 
                                    </f:facet>
                                </p:ajaxStatus>
                            </td>
                        </tr>
                    </table>
                </p:panel>       
            </h:form>
        </ui:define>
    </ui:composition>
</html>

